<!DOCTYPE html>          {% load static %}
<!--[if IE 9]><html lang="en-us" class="ie9 login-pf"><![endif]-->
<!--[if gt IE 9]><!-->
<html lang="en-us" class="login-pf">
<!--<![endif]-->
<head>
    <title>登录 - 进程管理</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="{% static 'img/favicon.ico' %}">
    <!-- iPad retina icon -->
    <link rel="apple-touch-icon-precomposed" sizes="152x152"   href="{% static 'img/apple-touch-icon-precomposed-152.png' %}">
    <!-- iPad retina icon (iOS < 7) -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144"   href="{% static 'img/apple-touch-icon-precomposed-144.png' %}">
    <!-- iPad non-retina icon -->
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="{% static 'img/apple-touch-icon-precomposed-76.png' %}">
    <!-- iPad non-retina icon (iOS < 7) -->
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{% static 'img/apple-touch-icon-precomposed-72.png' %}">
    <!-- iPhone 6 Plus icon -->
    <link rel="apple-touch-icon-precomposed" sizes="120x120"  href="{% static 'img/apple-touch-icon-precomposed-180.png' %}">
    <!-- iPhone retina icon (iOS < 7) -->
    <link rel="apple-touch-icon-precomposed" sizes="114x114"  href="{% static 'img/apple-touch-icon-precomposed-114.png' %}">
    <!-- iPhone non-retina icon (iOS < 7) -->
    <link rel="apple-touch-icon-precomposed" sizes="57x57"   href="{% static 'img/apple-touch-icon-precomposed-57.png' %}">
    <link rel="stylesheet" href="{% static 'css/patternfly.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/patternfly-additions.min.css' %}">
    {#      <link href="tests.css" rel="stylesheet" media="screen, print">#}
    <script src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
    <script src="{% static 'js/bootstrap3.3.7.min.js' %}"></script>
    <script src="{% static 'js/bootstrap-select1.12.2.min.js' %}"></script>
    <script src="{% static 'js/patternfly.min.js' %}" async></script>
</head>

<body>
<div class="login-pf-page">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3">

                <header class="login-pf-page-header">
                    <img class="login-pf-brand" src="{% static 'img/Logo_Horizontal_Reversed.svg' %}"  alt="PatternFly logo"/>
                    <p> 这只是占位符文本。使用此区域来放置任何关于您的应用程序的信息或介绍性消息，这些信息可能与用户相关。  </p>
                </header>

                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
                        <div class="card-pf">
                            <header class="login-pf-header">
                                <select class="selectpicker">
                                    <option>中文</option>
                                    <option>French</option>
                                    <option>Italian</option>
                                </select>
                                <h1>Log In to Your Account</h1>
                            </header>
                            <form action="{% url 'user_login' %}" method="post"> {% csrf_token %}
                                <div class="form-group">
                                    <label class="sr-only" for="email_id">Email address</label>
                                    <input type="email" name="email" class="form-control  input-lg" id="email_id"   placeholder="Email address">                            {% if form.errors.email %}
                                    <span class="text-danger">{{ form.errors.email.as_text }}</span>
                                    {% endif %}
                                </div>
                                <div class="form-group">
                                    <label class="sr-only" for="pass_id">Password </label>
                                    <input type="password" name="password" class="form-control input-lg" id="pass_id"   placeholder="Password">
                                     

                                    {% if form.errors %}
                                        {% for k,v in form.errors.items %}
                                            <span class="text-danger">{{ k }}----{{ v.as_text }}</span>
                                        {% endfor %}
                                    {% endif %}
                                </div>
                                <div class="form-group login-pf-settings">
                                    <label class="checkbox-label">
                                        <input type="checkbox" disabled> 记住密码
                                    </label>
                                    <a href="#">忘记密码?</a>
                                </div>
                                <button type="submit" class="btn btn-primary btn-block btn-lg">Log In</button>
                            </form>
                            <p class="login-pf-signup">没有账号?<a href="{% url 'user_register' %}">注 册</a></p>
                        </div><!-- card -->

                        <footer class="login-pf-page-footer">
                            <ul class="login-pf-page-footer-links list-unstyled">
                                <li><a class="login-pf-page-footer-link" href="#">感谢使用</a></li>
                                <li><a class="login-pf-page-footer-link" href="#">帮助</a></li>
                                <li><a class="login-pf-page-footer-link" href="#">联系我们</a></li>
                            </ul>
                        </footer>
                    </div><!-- col -->
                </div><!-- row -->

            </div><!-- col -->
        </div><!-- login-pf-page -->
    </div><!--row-->
</div><!--container-->


</body>
</html>
